<script setup lang="ts">


const props=defineProps(['price','teacherName','enlistsNum','class_name','url'])
  
</script>
<template>
  <div class="img">
    <div>
      <el-image style="width: 100%; height: 100%" :src="url" fit="fit" />
    </div>
    <!-- <p>用秒杀学习mysql,redis及DDD来疯狂涨薪</p> -->
    <p>{{ class_name }}</p>
    <p><span>共9节</span>&nbsp;&nbsp;<span class="free">{{teacherName}}</span></p>
         <p> 
            <!-- <span class="iconfont icon-kefurexian"></span> -->
         {{ price }}
           <span class="RightNum">
          <!-- <span class="iconfont icon-kefurexian"></span> -->
          {{ enlistsNum }}人最近报名
        </span>
        </p>
  </div>
</template>
<style scoped>
*{
  margin: 0;
  padding: 0;
}
.img {
  width: 17%;
  margin: 10px;
  display: inline-block;
  text-align: left;
}
p {
  font-size: 12px;
  color: black;
}
.RightNum{
 margin-left: 20px;
}
</style>
